<!DOCTYPE html>          
<html>                           
  <head>                                            
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title><%= title %></title>
    <style type="text/css">                    
      
      html , body {
        font: normal 0.9em arial, helvetica;
		    padding-top: 30px;
        height:100%;
      }  
     
      #wrapper {
        min-height:100%;
        position:relative;
      }

      #content {
        margin:20px;
        padding-bottom:30px;
      }

      #footer {
        background: #f0fff0;
        padding: 10px 0 0 0;
        border-top: 1px solid #cccccc;
        bottom:0px;
        width:100%;
        height:30px;
        text-align: center;
        position:absolute;
      }

      #footer a {
          color: #999999;
      }

      #footer a:hover {
          color: #ff0000;
      }
      
      .table th, .table td { 
           border-top: none; 
      }    

    </style> 

    <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <%-stylesheets%>
    <%-scripts%>
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="/bootstrap/js/bootstrap.min.js"></script>

    <body>
      <div id="wrapper">
        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <a class="brand" style="margin-left:10px" href="/">Tracker<sup>[beta]</sup></a>

                <% if (user.username) { %>
                  <div class="pull-right btn-group" style="margin-right:20px">
                    <a class="btn btn-success" href="/settings"><i class="icon-cog icon-white"></i> Settings</a>
                    <a class="btn btn-success" href="#"><i class="icon-user icon-white"></i> <%= user.username %></a>
                    <a class="btn btn-primary btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
                    <ul class="dropdown-menu">
                      <li><a href="/logout"><i class="icon-off "></i> logout</a></li>
                    </ul>
                  </div>
                <% }  %> 
            </div>  <!-- nav-inner -->
        </div>  <!-- nav-bar top -->

        <div id="content">
          <%- body %>
        </div> <!-- div content -->

        <div id="footer">
          <b>Copyright © 2012 Tracker. All rights reserved </b>
        </div>    
    </div>  <!-- wrapper  -->  
  </body>                                                                                                                              
</html> 